<html>
  <head>
  <title></title>
<style>

  body { background:url(res:no-color.png) repeat; }
  picture { foreground-image-transformation: none; }
  picture.transparent25 { foreground-image-transformation: opacity(0.25); }
  picture.transparent50 { foreground-image-transformation: opacity(0.5); }
  picture.transparent75 { foreground-image-transformation: opacity(0.75); }

</style>
<script type="text/tiscript"></script>
  </head>
<body>
  
  <picture src="images/flowers.jpg" />
  <picture.transparent25 src="images/flowers.jpg" />
  <picture.transparent50 src="images/flowers.jpg" />
  <picture.transparent75 src="images/flowers.jpg" />

</body>
</html>
